<template>
	<view class="go_content">
		<view class="go_po_block">
			<!-- 搜索 -->
			<view class="go_Reset">
				<view class="go_search">
					<image :src="HTTP_IMG_UTL+'go_seracth.png'" style="width: 30rpx;height: 30rpx;" />
					<input @confirm="handeleSearch" style="margin-left: 6rpx;" type="text" v-model="inputValue"
						:placeholder="$t('请输入您想要查找的内容')">
				</view>
				<!-- <view @click="handeleReset" style="color: blue;">
					<image :src='serverImageUrl("/static/images/register/Reset.png")' mode="" style="width: 40rpx;height: 40rpx;"></image>
				</view> -->
			</view>
		</view>

		<view v-if="pp_nav_on==1"
			style="width: 690rpx;height: 80rpx;display: flex;align-items: center;justify-content: space-between;margin-top: 20rpx;">
			<view @click="isShowC = !isShowC"
				style="width: 49%;height: 80rpx;display: flex;align-items: center;justify-content: center;background-color: #FFFFFF;border-radius: 16rpx;">
				{{fication !==''?$t(fication):$t('产品')}}
			</view>
			<view
				style="width: 49%;height: 80rpx;display: flex;align-items: center;justify-content: center;background-color: #FFFFFF;border-radius: 16rpx;">
				<formCity :texthidden="true" :is_register="1" :item="cityItem" :is_port="true" @change="selCity" />
			</view>
		</view>
		<div class="tab" v-if="!hideTabBar">
			<div class="item" @click="handeleD1">
				<view style="position: relative;z-index: 9;" :style="{'font-weight':pp_nav_on==1?'bold':''}">
					{{$t('推荐')}}
				</view>
				<div class="light" :class="{lightActive:pp_nav_on == 1}"></div>
			</div>
			<div class="item" @click="handeleD2">
				<view style="position: relative;z-index: 9;" :style="{'font-weight':pp_nav_on==2?'bold':''}">
					{{$t('普通')}}
				</view>
				<div class="light" :class="{lightActive:pp_nav_on != 1}"></div>
			</div>
		</div>
		<!-- 货物列表 -->
		<view class="go_goods_list" v-if="goodsList.length !==0">

			
			<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" :refresher-enabled="enabled"
				@scrolltolower="handeleScrolltolower" @refresherrefresh="handeleRefresherrefresh"
				:refresher-triggered="refresh" scroll-anchoring="true">



				<view v-for="(item,index) in goodsList" :key="index" class="scroll_block" @click="handeleDetail(item)">
					<view style="width: 100%;height: 279rpx;display: flex;">

						<u-image border-radius="16rpx" :src="item.imageUrl||(IMGURL+item.logo)" width="273rpx"
							height="279rpx">
							<image style="width: 284rpx;height: 336rpx;"
								:src="HTTP_IMG_UTL+'zhanwei_20240923165135.png'" mode=""></image>
						</u-image>
						<view>
							<view v-if="item.user"
								style="width: 367rpx;height: 60rpx;margin-left: 20rpx;margin-top: 24rpx;display: flex;align-items: center;">
								<image style="width: 60rpx;height: 60rpx;border-radius: 60rpx;"
									:src="setImage(item.user.avatar)" mode=""></image>
								<view
									style="width: 250rpx;height: 60rpx;display: flex;flex-direction: column;justify-content: space-between;margin-left: 15rpx;">
									<view class="item_user_username">
										{{lang==='zh'?item.user.username:item.user.username_ru}}
									</view>
									<image v-if="item.country==0" style="width: 40rpx;height: 29rpx;"
										:src="HTTP_IMG_UTL+'zone_001681@4x.png'" mode=""></image>
									<image v-if="item.country==1" style="width: 40rpx;height: 29rpx;"
										:src="HTTP_IMG_UTL+'zone_002680@4x.png'" mode=""></image>
								</view>
								<image v-if="item.is_topping==2"
									style="width: 26rpx;height: 31rpx;position: relative;top: -15rpx;left: 20rpx;"
									:src="HTTP_IMG_UTL+'zhiding_1233@4x.png'" mode=""></image>
							</view>
							<view class="item_name">{{lang==='zh'?item.name:item.name_ru}}</view>
							<view v-if="item.hwdd"
								style="width: 400rpx;height: 28rpx;display: flex;align-items: center;margin-top: 12rpx;margin-left: 15rpx;">
								<image style="width: 28rpx;height: 28rpx;" :src="HTTP_IMG_UTL+'refi_@4x.png'"
									mode=""></image>
								<view class="item_hwdd">{{$t(item.hwdd)}}</view>
							</view>
							<view
								style="font-size: 20rpx;margin-left: 15rpx;margin-top: 12rpx;display: flex;align-items: center;"
								v-if="item.goods_num||item.goods_num_ru">
								<view>{{$t('需求数量')}} : </view>
								<view style="margin-left: 5rpx;">
									{{lang==='zh'?item.goods_num:item.goods_num_ru}}
									{{lang==='zh'?item.number_unit:item.number_unit_ru}}
								</view>
							</view>
							<view style="margin-left: 15rpx;margin-top: 10rpx;display: flex;align-items: center;">
								<span v-if="item.desire_price!==0"
									style="font-size: 28rpx;font-weight: bold;color: #DE4023;">
									{{item.desire_price}}
								</span>
								<view v-if="item.desire_price==0"
									style="font-size: 28rpx;font-weight: bold;color: #DE4023;min-width: 120rpx;text-overflow: ellipsis;overflow: hidden;word-break: break-all;white-space: nowrap;">
									{{$t('等待报价')}}
								</view>
								<span style="color: #DE4023;"
									v-if="item.desire_price !==0">{{lang==='zh'?item.price_unit:item.price_unit_ru}}</span>
								<span style="color: #DE4023;margin-left: 12rpx;"
									v-if="item.desire_price !==0">({{lang==='zh'?item.number_unit:item.number_unit_ru}})</span>
								<span>
									<image style="width: 23rpx;height: 26rpx;margin-left: 15rpx;"
										:src="HTTP_IMG_UTL+'xuqiu123123@4x.png'" mode=""></image>
								</span>
							</view>
						</view>
					</view>
					<view style="width: 100%;height: 58rpx;position: relative;" v-if="pp_nav_on==1">
						<image style="width: 100%;height: 58rpx;" :src="HTTP_IMG_UTL+'list_1252@4x.png'"
							mode=""></image>
						<view
							style="width: 100%;height: 58rpx;display: flex;justify-content: space-between;position: absolute;top: 0;left: 0;">
							<view @click.stop="handeleWanttobuy(item)"
								style="width: 50%;height: 58rpx;font-size: 22rpx;display: flex;align-items: center;justify-content: center;">
								{{$t(logOff?'参与竞标':'参与订单')}}
							</view>
							<view @click.stop="handeleContact(item)"
								style="width: 50%;height: 58rpx;font-size: 22rpx;display: flex;align-items: center;justify-content: center;">
								{{$t('即时沟通')}}
							</view>
						</view>
					</view>
					<view style="width: 100%;height: 58rpx;position: relative;" v-if="pp_nav_on==2">
						<view
							style="width: 100%;height: 58rpx;display: flex;justify-content: space-between;position: absolute;top: 0;left: 0;">
							<view @click.stop="handeleMessage"  style="width: 100%;height: 58rpx;display: flex;align-items: center;justify-content: center;font-size: 22rpx;background-color: #000000;color: #FFFFFF;border-bottom-left-radius: 16rpx;border-bottom-right-radius: 16rpx;">{{$t('留言')}}</view>
						</view>
					</view>

				</view>
			</scroll-view>
		</view>

		<!-- 无数据提示 -->
		<view v-if="isData" style="color: 999999;margin-top: 30rpx;">{{$t('暂无信息')}}</view>

		<vipPopup v-if="vipShow" :show="vipShow" @change="clickVipPopup" />

		<!-- 底部弹窗-全部 -->
		<u-popup v-model="isShowA" mode="bottom" border-radius="32" :mask-close-able="able">
			<view class="isShowA">
				<view class="isShowA_title">
					<view @click="handeleCancel(1)" style="color: #999999;">{{$t('取消')}}</view>
					<view>{{$t('全部列表')}}</view>
					<view @click="handeleDetermine(1)">{{$t('确定')}}</view>
				</view>
				<scroll-view class="scroll-content" scroll-y="true">
					<view class="isShowA_class">
						<view @click="handeleItemA(index)"
							:class="index===index_A?'isShowA_block_active':'isShowA_block'"
							v-for="(item,index) in classList" :key="index">{{lang==='zh'?item.name:item.name_ru}}</view>
					</view>
				</scroll-view>
			</view>
		</u-popup>

		<!-- 底部弹窗-产品 -->
		<u-popup v-model="isShowC" mode="bottom" border-radius="32" :mask-close-able="able">
			<view class="isShowC">
				<view class="isShowC_title">
					<view @click="handeleCancel(3)" style="color: #999999;">{{$t('取消')}}</view>
					<view>{{$t('产品列表')}}</view>
					<view @click="handeleDetermine(3)">{{$t('确定')}}</view>
				</view>
				<view class="isShowC_block">
					<view @click="handeleItemC(index,item)"
						:class="index===index_C?'isShowC_block_c_active':'isShowC_block_c'"
						v-for="(item,index) in classification" :key="index">{{$t(item.title)}}</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	//VIP弹窗
	import vipPopup from "@/components/vipPopup/index.vue";
	import {
		createC2CConversation,
		isBase64,
		time
	} from "@/common/public";
	import formCity from '../components/formCity.vue'
	import {
		IMAGE_URL,
		HTTP_IMG_UTL
	} from '@/config/app';
	export default {
		components: {
			formCity,
			vipPopup
		},
		data() {
			return {
				HTTP_IMG_UTL,
				hideTabBar: false,
				getListMethod: "",
				pp_nav_on: 1,
				is_port: true,
				able: true,
				cityItem: {
					key: "city_id",
					label: false,
					placeholder: this.$t('地区'),
					type: "city",
					required: true,
					value: [],
					rules: {},
				},
				whole: '', //全部文字
				fication: '', //产品
				isShowA: false, //全部
				isShowB: false, //地区
				isShowC: false, //产品
				IMGURL: '', //图片前缀
				enabled: true,
				refresh: false,
				scrollTop: 0,
				inputValue: '', //搜索的文字
				goodsList: [], //商品列表
				current: 0, //轮播图参数
				show_city: '不限', //省市区
				page: 1, //分页
				lang: 'zh',
				classList: [], //分类信息
				index_A: '',
				index_C: '',
				goods_type: '', //货物类型
				type: 2, //金刚区为2  其他为1
				category_id: '', //选择的类别
				classification: [ //产品名数组
					{
						id: 1,
						title: "中国货物",
						url: "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20231101/99b3e2e34d1a000b681e45471d091d73.png"
					},
					{
						id: 2,
						title: "俄罗斯货物",
						url: "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20231101/99b3e2e34d1a000b681e45471d091d73.png"
					},
					{
						id: 3,
						title: "在俄中国货物",
						url: "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20231101/f3163bd0f89f8a641b68068176988800.png"
					},
					{
						id: 4,
						title: "在中俄罗斯货物",
						url: "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20231101/f3163bd0f89f8a641b68068176988800.png"
					},
				],
				indexA: '', //  全部选择备份
				indexC: '', //  产品选择备份
				isData: false,
				//后台开关验证 vip权限
				vip: false,
				vipShow: false,
				pages: {
					page: 1
				},
				logOff:"",
				name:'',
				name_ru:'',
				cate_name:'',
			};
		},
		onLoad(options) {
			this.name = options.name
			this.name_ru = options.name_ru
			
			this.pages.category_id = options.id
			this.cate_name=options.name
			// 获取语言
			this.getLang()
			// this.type = options.type
			this.getData()
			this.getUserAuth2()
		},
		onShow() {
			this.IMGURL = IMAGE_URL
			this.$u.api.user.appCheck().then(res => {
				this.report = res.report
				this.vip = res.vip
			})
			// 获取语言
			this.getLang()
			// 获取分类
			this.getActionSheetLists()
		},
		methods: {
			getUserAuth2() {
				this.$u.api.user.appCheck().then(res => {
					this.logOff=res.logOff;
				})
			},
			handeleD1() {
				this.pages.page = 1
				this.goodsList=[]
				this.inputValue = ''
				this.pp_nav_on = 1;
				this.getData();
			},
			handeleD2() {
				this.pages.page = 1
				this.goodsList=[]
				this.inputValue = ''
				this.pp_nav_on = 2;
				this.getGoodsList1688();
			},
			handeleMessage(){
				uni.navigateTo({
					url:'/pages/message/message/index'
				})
			},
			// 商品
			getData() {
				uni.showLoading({
					title: '加载中...',
					mask: true, // 是否显示透明蒙层，防止触摸穿透
				});
				let data = {}
				if (this.lang == 'zh') {
					data = {
						category_id: this.pages.category_id,
						type: 2, //1=推广,2=竞标
						page: this.pages.page, //分页
						searchKey: this.inputValue, //搜索框文字
						goods_type: this.pages.goods_type, //货物类型:1=中国货物,2=俄罗斯货物,3=在俄中国货物,4=在中俄罗斯货物
						departure_city: this.pages.show_city, //城市数据-例：中国,北京,北京
					}
				} else {
					data = {
						category_id: this.pages.category_id,
						type: 2, //1=推广,2=竞标
						page: this.pages.page, //分页
						searchKey: this.inputValue, //搜索框文字
						goods_type: this.pages.goods_type, //货物类型:1=中国货物,2=俄罗斯货物,3=在俄中国货物,4=在中俄罗斯货物
						departure_city_ru: this.pages.show_city, //城市数据-例：中国,北京,北京
					}
				}
				this.$u.api.collection.getGoodsList(data).then(res => {
					if (res.length === 0 && this.inputValue !== '') {
						this.getGoodsList1688()
						this.pp_nav_on = 2
						return
					}
					if (this.pages.page == 1 && res.length == 0) {
						this.isData = true
					} else {
						this.isData = false
					}
					if (this.pages.page === 1) {
						this.goodsList = res //商品推荐
					} else {
						this.goodsList = [...this.goodsList, ...res]
					}
					uni.hideLoading();
					this.refresh = false

					// if (res.length == 0) {
					// 	this.pp_nav_on = 2;
					// 	this.getGoodsList1688()
					// 	this.hideTabBar = true;
					// }

				}).catch(err => {
					uni.hideLoading();
				})
			},

			getGoodsList1688() {
				uni.showLoading({
					title: '加载中...',
					mask: true, // 是否显示透明蒙层，防止触摸穿透
				});
				let data = {}
				this.$u.api.collection.getGoodsList1688({
					name:this.name,
					page: this.pages.page,
					searchKey: this.inputValue,
					lang:this.lang
				}).then(res => {
					if (this.pages.page == 1 && res.length == 0) {
						this.isData = true
					} else {
						this.isData = false
					}
					if (this.pages.page === 1) {
						this.goodsList = res //商品推荐
					} else {
						this.goodsList = [...this.goodsList, ...res]
					}
					uni.hideLoading();
					this.refresh = false
				}).catch(err => {
					uni.hideLoading();
				})
			},
			setImage(IMAGE) {
				if (IMAGE.slice(-3) === 'png' || IMAGE.slice(-3) === 'jpg') {
					return this.IMGURL + IMAGE
				} else {
					return IMAGE
				}
			},
			clickVipPopup() {
				this.vipShow = false //点击vip弹窗隐藏
			},
			// 跳转至详情
			handeleDetail(item) {
				console.log('item:',item.offerId);
				console.log('this.pp_nav_on',this.pp_nav_on);
				if(this.pp_nav_on==1){
					uni.navigateTo({
						url: '/pages/index/detail/detail3?id=' + item.id + '&type=' + this.type +
							'&releaseType=' +
							'goods'
					})
				}else{
					uni.navigateTo({
						url: '/pages/index/detail/detail4?id=' + item.offerId + '&type=' + this.type +
							'&releaseType=' +
							'goods'
					})
				}
				
				
			},

			// 搜索
			handeleSearch() {
				this.pages.page = 1
				if(this.pp_nav_on==1){
					this.getData()
				}else{
					this.getGoodsList1688()
				}
			},
			// 省市区选择
			selCity(key, value) {
				let list = []
				value.forEach((item, index) => {
					list.push(item.label)
				})
				
				this.pages.show_city = list.toString()
				// this.show_city = list.toString()
				this.pages.page = 1
				if (this.pp_nav_on == 1) {
					this.getData()
				}
			},
			// 产品选择的选项
			handeleItemC(index, item) {
				this.index_C = index
				this.goods_type = item.id
			},
			// 全部选择的选项
			handeleItemA(index) {
				this.index_A = index
			},
			// 底部弹窗确认按钮
			handeleDetermine(e) {
				if (e === 1) {
					this.indexA = this.index_A //备份确定的选择
					this.isShowA = false
					this.whole = this.lang === 'zh' ? this.classList[this.index_A].name : this.classList[this.index_A]
						.name_ru //回显的名称
					this.category_id = this.classList[this.index_A].id //选择的ID
					this.pages.page = 1
					this.getData()
				} else {
					this.indexC = this.index_C //备份确定的选择
					this.isShowC = false
					this.fication = this.classification[this.index_C].title //回显的名称
					this.pages.goods_type = this.classification[this.index_C].id //选择的ID
					this.pages.page = 1
					this.getData()
				}
			},
			// 底部弹窗取消按钮
			handeleCancel(e) {
				if (e === 1) {
					this.isShowA = false
					this.index_A = this.indexA //还原备份的选项
				} else {
					this.isShowC = false
					this.index_C = this.indexC //还原备份的选项
				}
			},
			// 顶部筛选状态弹出赋值
			handeleStatus(index) {
				if (index === 1) {
					this.isShowA = true
				} else if (index === 3) {
					this.isShowC = true
				}
			},
			//参与竞标
			handeleWanttobuy(item) {
				// 先判断手机号，如果使自己手机号，自己不能和参与
				var mobile = uni.getStorageSync('mobile');

				if (mobile === item.user.mobile) {
					this.$u.toast(this.$t('不能参与自己'));
					return
				}
				this.$u.api.user.order_join_day_auth({
					lang: this.lang
				}).then(res => {
					if (res == 1) {
						//参与竞标
						uni.navigateTo({
							url: '/pages/order/process/buildOrder?release_id=' + item.id + '&type=' +
								'goods'
						})
					} else {
						if (this.vip) {
							this.vipShow = true
							return
						} else {
							uni.showModal({
								content: this.$t('您的权限不足哦!请联系工作人员!'),
								showCancel: false,
								confirmText: this.$t('是'),
							})
							return false;
						}
						return
					}
				})

			},
			//即使联系
			handeleContact(item) {
				console.log('联系');
				// this.log(item)
				if (item.laiyuan && item.laiyuan == '1688') {
					uni.navigateTo({
						url: "/pages/index/advice/advice"
					})
				} else {
					createC2CConversation(item.user.mobile, this)
				}
			},
			// 上拉刷新
			handeleScrolltolower() {
				this.pages.page++
				if (this.pp_nav_on === 1) {
					this.getData()
				} else {
					this.getGoodsList1688()
				}
			},
			// 下拉刷新
			handeleRefresherrefresh() {
				this.pages.page = 1

				this.refresh = true
				if (this.pp_nav_on == 1) {
					this.getData()
				} else {
					this.getGoodsList1688()
				}

			},

			// 获取分类
			getActionSheetLists() {
				let data = {
					type: "release_goods",
				}
				this.$u.api.basic.getActionSheetList(data).then(res => {
					this.classList = res
					if (this.classList.length === 0) {
						// this.isData = true
					}
				})
			},
			// 获取语言
			getLang() {
				// 获取缓存lang当前语言值
				uni.getStorage({
					key: 'lang',
					success: res => {
						if (res.data == 'zh') { //zh为中国，赋值0
							this.lang = 'zh'
							uni.setNavigationBarTitle({
								title: this.$t(this.cate_name)
							})
						} else { //其他为俄罗斯，赋值1
							this.lang = 'ru'
							uni.setNavigationBarTitle({
								title: this.name_ru
							})
						}
					}
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.item_hwdd {
		font-size: 20rpx;
		margin-left: 10rpx;
		width: 400rpx;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		white-space: nowrap;
	}

	.item_name {
		font-size: 30rpx;
		margin-top: 13rpx;
		margin-left: 17rpx;
		width: 300rpx;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		white-space: nowrap;
	}

	.item_user_username {
		width: 250rpx;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-all;
		white-space: nowrap;
		font-size: 23rpx;
	}

	.go_Reset {
		width: calc(100% - 60rpx);
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.isShowC_block_c_active {
		width: 308rpx;
		height: 108rpx;
		background: linear-gradient(109deg, #D3EF93 1%, rgba(229, 245, 203, 0.24) 61%);
		margin-bottom: 20rpx;
		border-radius: 16rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
	}

	.isShowC_block_c {
		width: 308rpx;
		height: 108rpx;
		margin-bottom: 20rpx;
		background: #F3F3F3;
		border-radius: 16rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24rpx;
	}

	.isShowC_block {
		width: calc(100% - 100rpx);
		height: calc(100% - 130rpx);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.whole {
		width: 100rpx;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		text-align: center;
		margin-right: 10rpx;

	}

	.scroll-content {
		height: calc(100% - 200rpx);
	}

	.isShowA_block_active {
		min-width: 220rpx;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(111deg, #D3EF93 1%, rgba(229, 245, 203, 0.24) 61%);
		font-size: 24rpx;
		margin: 0rpx 10rpx 20rpx 10rpx;
		margin-bottom: 20rpx;
		border-radius: 16rpx;
		padding: 0 53rpx 0 53rpx;
	}

	.isShowA_block {
		min-width: 220rpx;
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #F3F3F3;
		font-size: 24rpx;
		margin: 0rpx 10rpx 20rpx 10rpx;
		margin-bottom: 20rpx;
		border-radius: 16rpx;
		padding: 0 53rpx 0 53rpx;
	}

	.isShowA_class {
		margin-left: 20rpx;
		// background-color: #D3EF93;
		width: calc(100% - 30rpx);
		display: flex;
		flex-wrap: wrap;
		overflow-y: scroll
	}

	.isShowC_title {
		width: calc(100% - 60rpx);
		height: 124rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 30rpx;
	}

	.isShowC {
		width: 100%;
		height: 383rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.isShowA_title {
		width: calc(100% - 60rpx);
		height: 124rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 30rpx;
	}

	.isShowA {
		width: 100%;
		height: 813rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.go_lx {
		position: absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 58rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	.go_contact {
		width: 224rpx;
		height: 58rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20rpx;

	}

	.go_wanttobuy {
		width: 226rpx;
		height: 58rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20rpx;
	}

	.go_types_y {
		height: 58rpx;
		height: 356rpx;
		display: flex;
		align-items: center;
	}

	.go_salary {
		margin-top: 10rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-right: 10rpx;
		margin-bottom: 10rpx;
		// background-color: #D3EF93;
	}

	.go_region {
		display: flex;
		align-items: center;
		margin-top: 16rpx;
		margin-left: 24rpx;
		font-size: 20rpx;
	}

	.scroll_block_right_title {
		margin-top: 30rpx;
		margin-left: 24rpx;
		font-size: 28rpx;
		color: #3D3D3D;
		width: 356rpx;
		height: 78rpx;
		font-weight: bold;
		word-break: break-all;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.scroll_block_right {
		flex: 1;
		width: 406rpx;
		height: 336rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.scroll_block {
		width: 100%;
		height: 336rpx;
		margin-bottom: 16rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.scroll-Y {
		width: 100%;
		height: calc(100vh - 300rpx);
	}

	.go_goods_list {
		width: calc(100% - 60rpx);
		margin-top: 20rpx;
		height: calc(100vh - 300rpx);

	}

	.go_po_block {
		width: 100%;
		height: 80rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.go_cn {
		width: calc(100% - 60rpx);
		height: 85rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20rpx;
	}

	.go_condition_title {
		font-size: 24rpx;
		color: #3D3D3D;
		margin-right: 10rpx;
	}

	.go_condition {
		width: 221rpx;
		height: 80rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.no_border {
		border: none;
		font-size: 24rpx;
	}

	.go_search {
		border-radius: 34rpx;
		width: 100%;
		height: 60rpx;
		display: flex;
		align-items: center;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: center;

		/deep/ .no_border {
			.u-input__input {
				color: #fff !important;
				font-size: 24rpx;
			}
		}
	}

	.go_content {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
</style>
<style lang="scss">
	page {
		background: #F6F6F6;
	}

	.tab {
		display: flex;
		width: 100%;
		height: 80rpx;
		align-items: center;
		margin-top: 20rpx;
		margin-bottom: -20rpx;

		.item {
			position: relative;
			width: 50%;
			height: 50rpx;
			padding-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}

	.light {
		width: 100rpx;
		height: 20rpx;
		margin: 0 auto;
		background-color: #f5f5f5;
		margin-top: 8rpx;
		position: absolute;
		left: 50%;
		bottom: 20rpx;
		margin-left: -50rpx;
	}

	.lightActive {
		background: linear-gradient(96deg, #DDF2AD 12%, #FAFDED 99%);
	}
</style>